<template>
    <!--begin::Footer-->
    <div class="footer py-4 d-flex flex-lg-column" id="kt_footer">
        <!--begin::Container-->
        <div class="d-flex
                    flex-column flex-md-row
                    align-items-center
                    justify-content-between
                   "
             :class="{'container-fluid': footerWidthFluid, 'container-xxl': !footerWidthFluid}">
            <!--begin::Copyright-->
            <div class="text-dark order-2 order-md-1">
                <span class="text-muted fw-bold me-1">2022&copy;</span>
                <a href="http://github.com/jimmyblylee" target="_blank" class="text-gray-800 text-hover-primary">
                    JimmyblyLee
                </a>
            </div>
            <!--end::Copyright-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Footer-->
</template>

<script>
    export default {
        name: "Footer",
        computed: {
            footerWidthFluid() {
                return this.$store.getters["lab/config"]("footer.width") === "fluid"
            }
        }
    }
</script>

<style scoped>

</style>